body { padding: 0; margin: 0 0 0 0; font-family: serif; max-width: 900px }
body a { color: black; text-decoration: none }
body a:hover { background-color: black; color: white }
body a:before { content:'{' }
body a:after { content:'}' }
body > ol { margin: 30px; padding: 0px 30px 30px; column-count: 3; display: block; border-bottom:2px solid black }
body > ol > li { padding-right: 30px; margin-right:30px }
body > ol > li:target { background:black }
body > ol > li:target a { color: white }
body > footer { margin:30px }
body > footer > p { max-width: 600px }
body > footer > img { display: inline-block; width:100px; margin-bottom: -5px; margin-bottom:30px; }
@media screen and (max-width: 800px) { body > ol { column-count: 2; } } 
@media screen and (max-width: 600px) { body > ol { column-count: 1; } }
